<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>钢琴培训</title>
  <link rel="stylesheet" href="style/style.css">
  <link href="https://cdn.bootcss.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdn.bootcss.com/popper.js/1.14.3/umd/popper.js"></script>
  <script src="https://cdn.bootcss.com/bootstrap/4.1.1/js/bootstrap.js"></script>

  <script src="js/banner.js" type="text/javascript"></script>
  <style>
    .iw_poi_title {
      color: #CC5522;
      font-size: 14px;
      font-weight: bold;
      overflow: hidden;
      padding-right: 13px;
      white-space: nowrap
    }

    .iw_poi_content {
      font: 12px arial, sans-serif;
      overflow: visible;
      padding-top: 4px;
      white-space: -moz-pre-wrap;
      word-wrap: break-word
    }
  </style>
</head>

<body>
  <!-- 顶部区域，包含了导航 -->
  <header>
      <div class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4 ">
          <img class="my-0 mr-md-auto ml-4" src="./images/logo.png" width="114px"></img>
          <ul class="nav nav-pills">
            <li class="nav-item">
              <a class="nav-link" href="index.html">首页</a>
            </li>
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle " data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">菲乐动态</a>
              <div class="dropdown-menu">
                  <a class="dropdown-item" href="./news_list.html">菲乐新闻</a>
                  <a class="dropdown-item" href="./news_list.html?key=profile">活动信息</a>
                  <a class="dropdown-item" href="./news_list.html?key=music">音乐信息</a>
              </div>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="./teacher.html">菲乐名师</a>          
            </li>
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle active-bl" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">钢琴课</a>
              <div class="dropdown-menu">
                  <a class="dropdown-item" href="./class.html#class1">科目一</a>
                  <a class="dropdown-item" href="./class.html#class2">科目二</a>
                  <a class="dropdown-item" href="./class.html#class3">科目三</a>
              </div>
            </li>
            <!-- <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">世界名琴</a>
              <div class="dropdown-menu">
                <a class="dropdown-item" href="#">施坦威</a>
                <a class="dropdown-item" href="#">雅马哈</a>
                <a class="dropdown-item" href="#">卡哇伊</a>
              </div>
            </li> -->
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">关于我们</a>
              <div class="dropdown-menu">
                  <a class="dropdown-item" href="./about.html">菲乐介绍</a>
                  <a class="dropdown-item" href="./about.html?key=connect">联系我们</a>
              </div>
            </li>
            <li class="nav-item">
                <a class="nav-link border" href="../register/index.html" target="_blank">试听课预约</a>       
            </li>
          </ul>
        </div>
  </header>
  <main role="main">
    <div class="banner">
      <img src="images/about-banner.png" width="100%" alt="">
    </div>
    <div class="container mt-5">
      <h2 class="class-list-title mb-3">
        菲乐钢琴课
        <span>FEILE CLASS</span>
      </h2>
      <div class="class-list">
        <ul style="list-style: none;">
          <li>
            <h2>CLASS 1</h2>
            <ul>
              <li>零基础50首钢琴曲目；</li>
              <li>菲乐独创“定音多阶演奏法”，简谱、五线谱综合教学</li>
              <li>有效期一年，自由约课，不限课时，一对一VIP教学</li>
              <li>高端舒适琴房，有效期内免费开放，随到随练</li>
              <li>陪练课不限次数，全天开放</li>
              <li>包含30节专业钢琴基本功技术科</li>
              <li>包含10节专业音乐理论、视唱练耳提高课</li>
              <li>学完可达六级演奏水平</li>
              <li>高雅的环境，精美的茶点，静心调制的咖啡，伴您度过每一节温馨的课程</li>
            </ul>
          </li>
          <hr></hr>
          <li>
            <h2>CLASS 1-PLUS</h2>
            <ul>
              <li>包含Class1所有内容；</li>
              <li>新增强化钢琴曲目25首；</li>
              <li>新增15节强化钢琴技术课；</li>
              <li>高端舒适琴房，有效期内免费开放，随到随练</li>
              <li>强化乐理、视唱；</li>
              <li>强化识谱基本功；</li>
              <li>有效期一年。</li>
            </ul>
          </li>
          <hr></hr>
          <li  id="class2">
            <h2>CLASS 2</h2>
            <ul>
              <li>包含Class1所有内容；</li>
              <li>零基础105首钢琴曲目；</li>
              <li>包含75节专业钢琴提高课；</li>
              <li>包含10堂专业音乐讲座；</li>
              <li>15种升级强化版伴奏织体训练；</li>
              <li>三和弦转位连接伴奏法；</li>
              <li>即兴演奏弹唱；</li>
              <li>学完可达七级演奏水平；</li>
              <li>有效期二年。</li>
            </ul>
          </li>
          <hr></hr>
          <li>
            <h2>CLASS 2-PLUS</h2>
            <ul>
              <li>包含Class2所有内容；</li>
              <li>新增强化钢琴曲目30首；</li>
              <li>新增20节强化钢琴技术课；</li>
              <li>强化专业乐理、视唱；</li>
              <li>强化即兴弹唱训练；</li>
              <li>有效期二年。</li>
            </ul>
          </li>
          <hr></hr>
          <li id="class3">
            <h2>CLASS 3</h2>
            <ul>
              <li>包含Class1-2所有内容；</li>
              <li>新增60首高级钢琴曲目；</li>
              <li>新增60节专业钢琴强化提高课；</li>
              <li>世界知名音乐学院即兴伴奏学习系统；</li>
              <li>专业编配系统学习【初级】；</li>
              <li>新增10堂专业音乐讲座；</li>
              <li>学完可达八级演奏水平；</li>
              <li>有效期三年。</li>
            </ul>
          </li>
          <hr></hr>
          <li>
            <h2>CLASS 4</h2>
            <ul>
              <li>包含Class1-3所有内容</li>
              <li>新增60首专业钢琴曲目；</li>
              <li>新增110节专业钢琴艺术课；</li>
              <li>伴奏织体编配专业版；</li>
              <li>移调弹奏系统；</li>
              <li>无旋律即兴伴奏及弹唱；</li>
              <li>学完可达九级演奏水平；</li>
              <li>有效期四年。</li>
            </ul>
          </li>
          <hr></hr>
          <li>
            <h2>CLASS 5</h2>
            <ul>
              <li>包含Class1-4所有内容</li>
              <li>新增45首专业钢琴曲目；</li>
              <li>新增20节强化钢琴技术课；</li>
              <li>新增60节专业钢琴技术课；</li>
              <li>专业即兴创作课程；</li>
              <li>歌曲创作；</li>
              <li>学完可达十级演奏水平；</li>
              <li>有效期五年。</li>
            </ul>
          </li>
          <hr></hr>
        </ul>

        
      </div>


    </div>

    <footer class="about-foot mt-5">
      <div class="container">

        <div class="f-1 tc mb-3">
          <a href="./about.html">关于我们</a>
          <a href="#">加入我们</a>
          <a href="#">商务合作</a>
          <!-- <a href="http://www.ividea.cn/news/about?catid=9">法律声明</a> -->
        </div>
        <div class="tc mb-4">
          <span style="color:#ffffff;">
            <span style="color:#ffffff;">京ICP备12047727号-1 &nbsp;&nbsp; </span>
            <a href="#">
              <span style="color:#ffffff;">TEL: 400-8888-8888 &nbsp; &nbsp; </span>
            </a>
            <a href="#">
              <span style="color:#ffffff;">湖南省长沙市芙蓉区乐和城B1楼菲乐钢琴</span>
            </a>
          </span>
        </div>
        <div class="tc">
          <div class="erwm fix dib">
            <div class="img-s fl">
              <img src="./images/weixin.png" width="107px" alt="">
            </div>
            <div class="name fr">官方微信</div>
          </div>
          <div class="erwm fix ml-4 dib">
            <div class="img-s fl">
              <img src="./images/weixin.png" width="107px" alt="">
            </div>
            <div class="name fr">官方微博</div>
          </div>
        </div>

      </div>
    </footer>
    <div id="clan-slider">
        <ul>
            <!-- <li class="hidden-xs">
                <a id="slider-chat" class="web-chat" href="javascript:;"></a>
                <div class="clan-slider-tips">
                  在线咨询
                </div>
              </li> -->
            <li class="hidden-xs">
                <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=2404050895&amp;site=qq&amp;menu=yes" id="slider-qq"></a>
                <div class="clan-slider-tips">
                    QQ在线咨询
                </div>
            </li>
            <li class="hidden-xs">
                <a id="slider-phone" href="javascript:void(0);"></a>
                <div class="clan-slider-tips">
                    0731-88888888
                </div>
            </li>
            <li class="hidden-xs">
                <a id="slider-wechat" href="javascript:void(0);"></a>
                <div class="clan-slider-tips-wechat">
                    <img src="./images/weixin.png">
                </div>
            </li>
            <li>
                <a id="slider-goTop" href="javascript:void(0);" style="display: block;"></a>
            </li>
            <!--
                  <li class="visible-xs-block">
                      <a id="slider-menu" href="javascript:void(0);"></a>
                  </li>
                  -->
        </ul>
    </div>
  </main>
</body>

</html>